// Prefix classname
@css-prefix             : quist;

// Color
@primary-color          : #1890ff;

@success-color          : #87d068;
@error-color            : #E64340;
@warning-color          : #fac450;

// ------ Base & Require ------
@body-background        : #ffffff;
@text-color             : #999999;
@font-size-base         : 32px;
@border-radius-base     : 5px;
@border-color           : #dddddd;
 
// Buttons

@btn-primary-color      : #ffffff;
@btn-primary-bg         : @primary-color;
@btn-group-border       : shade(@primary-color, 90%);

@btn-default-color      : #666666;
@btn-default-bg         : #ffffff;
@btn-default-border     : @border-color;

@btn-danger-color        : #ffffff;
@btn-danger-bg           : @error-color;
@btn-danger-border       : @error-color;

@btn-disable-color      : #cccccc;
@btn-disable-bg         : #f3f5f7;
@btn-disable-border     : @border-color;

// Radio
@radio-default-border   : @border-color;
@radio-default-bg       : #ffffff;
@radio-default-check    : @primary-color;
 
// Indexlist
@indexlist-default-border : @border-color;
@indexlist-default-bg  : #f5f5f5;

// Search
@search-default-bg       : #ffffff;
@search-default-border   : @border-color;

// Steps
@steps-default-bg        : #e8e8e8;
@steps-bg-active         : @primary-color;
@steps-icon-bg           : @primary-color;
@steps-desc-color        : #999999;
@steps-title-color       : #333333;

// Input
@input-default-bg        : #ffffff;
@input-default-border    : @border-color;

// Checkbox
@checkbox-default-border : @border-color;